<!--
 * @Author: your name
 * @Date: 2021-04-21 22:30:53
 * @LastEditTime: 2021-05-30 23:23:09
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \workspace\projects\xmly\src\app\share\components\pagination\pagination.component.html
-->
<div class="xm-page-wrap">
    <ul class="xm-pages">
        <li class="xm-page" *ngFor="let item of listOfPageItems" [class.disabled]="item.disabled"
            [class.checked]="item.num == pageNum" (click)="pageClick(item)" appRipples>
            
            <ng-container [ngSwitch]="item.type">
                <span *ngSwitchCase="'page'">{{item.num}}</span>
                <ng-container *ngSwitchDefault>
                    <span [ngSwitch]="item.type">
                        <i *ngSwitchCase="'prev'" appIcon='previewleft' class="icon"></i>
                        <i *ngSwitchCase="'next'" appIcon='previewright' class="icon"></i>
                        <i *ngSwitchDefault appIcon='more' class="icon"></i>
                    </span>
                </ng-container>
            </ng-container>
        </li>
    </ul>
    <div class="xm-page-navigate">
        <input type="number" class="xm-input" (keyup.enter)="inputVal(+to.value)" #to [min]="1"  [max]="lastNum">
        <button xmBtn (click)="inputVal(+to.value)" appRipples>跳转</button>
    </div>
</div>